@charset "UTF-8";
@import "reset";
@import "common";
*{
    padding: 0;
    margin: 0;
}
//整体背景颜色
.web{
    background: #f7f7f7;
        font-size: 0;
}
//头部样式\
.heard{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: r(27px) r(30px);
    font-size: 0;
}
.heard span{
    font-size: r(33px);
    color: #000;
}
.heard i{
    font-size: r(40px);
    color: #000;
}

//个人信息
.myMessage{
    background-image: url("../img/myMessage-img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;

}
.myMessage-top{
    display: flex;
    justify-content: space-between;
}
//头像部分
.myMessage-left {
    width: r(130px);
    height: r(130px);
    flex-grow: 1;
    margin: r(32px) r(22px);
}
.myMessage-left img{
    border: r(5px) solid #b0a4bc;
    border-radius:50% ;
    width: 100%;
}
//右边电话跟地址
.myMessage-right{
    padding: r(70px) r(43px) r(27px) 0;
    flex-grow: 9;
}

.phone{
    font-size:r(29px) ;
    color: white;
    text-align: left;
}
.address{
    padding-top: r(41px);
    font-size:r(21px) ;
    color: #ad829f;
    text-align: right;
}
//资料下面3个信息
.myMessage-bottom{
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.myMessage-bottom-input{
    background-color: rgba(0,0,0,.2) ;
    padding: r(5px) r(48px);
}
.myMessage-bottom-input p{
    font-size: r(23px);
    color: white;
}

//订单板块
.myOrder{
    background: white;
    margin-top: r(30px);
    padding-top: r(22px);
}

//订单上部分
.myOrder-top{
    padding: 0 r(20px);
}
.myOrder-top i{
    font-size: r(39px);
    color: white;
    background: #f06292;
    padding: r(5px) r(5px);
    vertical-align: text-top;
}
.myOrder-top p{
    font-size: r(23px);
    color: #000;
}
//订单下部分
.myOrder-bottom{
    padding: r(25px);
}

//右上方小红点
.myOrder-bottom-input span{
    font-size: r(13px);
    color: white;
    width: r(25px);
    height: r(25px);
    background-color: #d45252;
    border-radius: 40%;
    position: absolute;
    left: r(38px);
    top: r(15px);
}
.myOrder-bottom-input{
    padding-top: r(25px);
    text-align: center;
    position: relative;
}
.myOrder-bottom p{
    display: inline-block;
    font-size: r(23px);
    color: #999999;
}
.myOrder-bottom i{
    color: #666666;
    font-size: r(36px);
    display: block
}

//提现用户
.cashAccount{
      background: white;
    margin-top: r(30px);
    padding: r(22px) r(20px);
}

.cashAccount i{
    background: #83cf50;
}


//店主，帮助，关于我们\
.content{
    background: white;
    margin-top: r(30px);
}
.content-list{
    padding: r(22px) r(20px);
}

.content-list i{
    background: #39b7ec;

}
//推荐好友
.recommend{
      background: white;
    margin-top: r(30px);
    padding: r(22px) r(20px);
}
footer {
    width: 100%;
    height: r(108px);
    border-top: r(1px) solid #e3e3e3;
    .footer-menu {
        width: 25%;
        height: 100%;
        a {
            width: 100%;
            height: 100%;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: black;
            font-size: r(20px);
            padding-top: r(14px);
        }
        .shoping {
            position: relative;
            //消息图标
            .shoping-num {
                width: r(21px);
                height: r(21px);
                position: absolute;
                background-image: url(../img/index-red-num_07.png);
                background-position: 100% 100%;
                background-size: 100%;
                left: r(88px);
                top: r(18px);
                color: white;
                line-height: r(21px);
                text-align: center;
            }
        }
    }
    .index-logo,
    .market-logo,
    .shoping-logo,
    .mine-logo {
        width: r(45px);
        height: r(42px);
        margin: 0 auto;
        img {
            width: 100%;
            height: 100%;
        }
    }
    p {
        padding-top: r(11px);
    }
}
//end